*,
:after,
:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
}

body {
	
	color:#333;
	margin: 0;
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
	line-height: 1.6;
	color: #515a6e;
	background-color: #f7f8fa;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	height: 100%;
}
a{text-decoration: none;color:#333;}
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after,
.clear:before {
    display: table;
    content: ""
}

.clear:after {
    clear: both
}
.input {
	outline: none;
	display: inline-block;
	font-size: 14px;
	color: rgb(81, 90, 110);
	background-color: rgb(255, 255, 255);
	background-image: none;
	position: relative;
	cursor: text;
	padding: 0px 10px;
	height: 36px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(220, 222, 226);
	border-image: initial;
	border-radius: 4px;
	transition: border 0.2s ease-in-out 0s, background 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
}
.input:hover {
	border-color: rgb(87, 163, 243);
}

.input:focus {
	border-color: rgb(87, 163, 243);
	box-shadow: rgba(45, 140, 240, 0.2) 0px 0px 0px 2px;
}

select.input{  
	padding-left:6px;
	cursor: pointer;
}
select.input option{line-height: 35px;}
 
.n-invalid,.n-invalid:hover,.n-invalid:focus{border:solid 1px #c33;box-shadow:none;}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	user-select: none;
	padding: 0px 20px;
	border-radius: 4px;
	transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear;
	outline: none;
	font-size: 14px;
	border-radius: 4px;
	color: #fff;
	background-color: #2d8cf0;
	border-color: #2d8cf0;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	letter-spacing:2px;
}

.btn:hover {
	background-color: #57a3f3;
	border-color: #57a3f3;
}

.btn:active {
	color: #f2f2f2;
	background-color: #2b85e4;
	border-color: #2b85e4
}

.login {
	background: url(body.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	height: 100%;
}

.login form {
	padding-top: 8%;
	margin: 0 auto;
	width: 360px;
}

.login form h1 {
	margin: 0;
	font-size: 42px;
	font-weight: normal;
	text-align: center;
}

.login form h2 {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: rgb(128, 134, 149);
	margin-bottom: 30px;
}

.login form div {
	position: relative;
	margin-bottom: 20px;
}

.login form .input {
	width: 100%;
	height: 36px;
}
.login form .btn {
	width: 100%;
	height: 36px;
}

.sider{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	width: 200px;
	box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
	background: #fff;
	  z-index: 4;
	 
}

.sider h1 a{display: block; color:#333; text-align: center;height: 50px;line-height: 50px; font-size: 20px;font-weight: normal; }
.sider li{}
.sider li a{color:#333;line-height: 50px;display: block;padding-left: 30px;position: relative;}
.sider li a:hover{color: #2b85e4;}
.sider li a i{
	position: absolute;
	top:25px;right: 20px;
	 width: 6px;
	  height: 6px;
	  position: absolute;
	  border-left: 1px solid #888;
	  border-bottom: 1px solid #888;
	  
	   transform: translate(0,-50%) rotate(-135deg);
	  transition: transform .2s ease-in-out;
}
.sider li div{display: none;}
.sider li div a{padding-left:30px;border-right:solid 1px transparent;line-height: 40px;}
.sider li div a.on{background: #f0faff; border-right: solid 2px #2B85E4;color: #2b85e4;}
.sider li.open a i{
	top:25px;
	transform: translate(0,-50%) rotate(-45deg);
}
.sider li.open div{display: block;}

.header{
	position: fixed;
	left:0px;
	top:0;
	   right: 0;
		height: 50px;
		 
	    background: #fff;
	    padding:0 20px;
	    box-shadow: 0 1px 4px rgba(0,21,41,.08);
	    padding-left: 220px;
	    z-index: 3;
	    display: block;
		
}
.header h3{margin:auto;width: 200px;text-align: center;line-height: 50px;display: none;}
.menu-btn{ height: 24px; width: 24px; margin-top:13px; display: block;}

.crumb{color:#999;line-height: 50px;}
.crumb span{display: inline-block;padding:0 10px;}
.crumb strong{font-weight: normal;color:#333;}

.nav li{float: left;list-style:none;position: relative;margin-left: 20px;}
.nav li a{color:#333;line-height: 50px;display: block;position: relative;}
.nav li a:hover{color: #2b85e4;}
.nav li a i{
	 margin-left:3px;
	 width: 6px;
	  height: 6px;
	  display: inline-block;
	  border-left: 1px solid #888;
	  border-bottom: 1px solid #888;
	  transform: translate(0,-50%) rotate(-45deg);
	  
	  transition: transform .2s ease-in-out;
}
.nav li div{display: none;position: absolute;top:50px;right: 0;

    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
	z-index: 5;
	
}
 .nav li div a{line-height: 35px;font-size: 12px;white-space:nowrap;padding:0px 20px;}
  .nav li div a:hover{background: #f7f7f7;}
.nav li:hover div{display: block;transition: color .2s ease;}

.main{ margin-left: 220px; margin-top:70px; margin-right: 20px;margin-bottom: 20px;}

.hide-menu .header{padding-left:20px;}
.hide-menu .sider{display: none;}
.hide-menu .main{margin-left: 20px;}

.date-link a{margin-right: 5px;}
.date-link a.on{color: #2b85e4;}

.container{}

.table{overflow: auto;background: #fff;border-radius: 4px;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.table a{color: #2b85e4;display: inline-block; margin-right:5px; }
.table table{min-width: 100%;border-collapse: collapse;}
.table table tbody tr:nth-child(even)
{
background:#f9f9f9;
}
.table th{padding:8px;text-align: left;white-space: nowrap;}
.table td{padding:8px;border-top: solid 1px #f6f6f6;white-space: nowrap;}
.table tbody tr:hover{    background-color: #ebf7ff;}
.td-empty{text-align: center;color: #ed4014;}
.table input[type=checkbox]{ vertical-align: top; margin-top:4px; display: inline-block;font-size: 14px; line-height: 14px; }
.form{}
.form::after{
	clear: both;
	content: '';
}
.form-item{margin-bottom: 20px;}
.form-item::after{
	clear: both;
	content: '';
}
.form-label{
	text-align: right;
	    vertical-align: middle;
	    float: left;
	    font-size: 14px;
	    color: #515a6e;
	    line-height: 32px;
	    box-sizing: border-box;
		width: 100px;
}
.form-label span{display: inline-block;color:#ed4014;font-family: 'SimSun';margin-right: 3px;}
.form-input{margin-left: 100px;width:700px;}
.form-input .input{width: 100%;}

.form-search{padding:0;padding-right: 20px;position: relative;}
.form-search .form-item{display: inline-block; margin-bottom: 20px;}
.form-search .form-label{display: inline-block; float: none; width: 100px;}
.form-search .form-input{margin-left:0px;display: inline-block; float: none;width: auto;}
.form-search .form-input .input{width: 180px;}
.form-search .clear{overflow: hidden;height: 56px;margin-right: 120px;}
.form-search .form-action{position: absolute;top:0;right:0;text-align: right;}
.form-search .form-action span{color:#2b85e4;display: inline-block;margin-left:5px;cursor: pointer;}
.form-search .form-action span i{
	 margin-left:3px;
	 width: 6px;
	  height: 6px;
	  display: inline-block;
	  border-left: 1px solid #888;
	  border-bottom: 1px solid #888;
	  transform: translate(0,-50%) rotate(-45deg);
	  
	  transition: transform .2s ease-in-out;
}
.form-search.open .clear{overflow: auto;height: auto;transition: transform .2s ease-in-out;}

.editor{width: 700px;height: 300px;}
.textarea{width: 700px;padding:5px 10px;border-radius: 5px;border:solid 1px #ddd;outline: none;box-sizing: border-box;margin:0; vertical-align: middle; }
.textarea:hover {
	border-color: rgb(87, 163, 243);
}

.textarea:focus {
	border-color: rgb(87, 163, 243);
	box-shadow: rgba(45, 140, 240, 0.2) 0px 0px 0px 2px;
}

.tongji h3{color: #888;font-weight: normal;margin-bottom: 10px;font-size: 14px;}
.tongji ul{margin-left:-20px;list-style: none;display: flex;flex-wrap:wrap;}
.tongji li{flex: 1; float: left;padding-left: 20px;min-width: 120px;margin-bottom: 20px;}
.tongji li a{display: block;padding:30px 10px;background: #fff;text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.tongji li a h3{color: #f40;font-size: 28px;}
.tongji li a span{color: #999;font-size: 12px;}

.page{text-align: center;margin-top:20px;width: 100%;}
.page ul{display: block;}
.page li{display: inline-block;float: none;width: auto;}
.page li span{border:solid 1px #eee;padding:6px 12px;background: #fff;margin:0px 3px;}
.page li a{border:solid 1px #eee;padding:6px 12px;background: #fff;margin:0px 3px;}
.page li a:hover{border-color: #2B85E4;}
.page li.active span{background: #2B85E4;color:#fff;}




.tab-title{border-bottom: solid 1px #eee;margin-bottom: 20px;}
.tab-title a{float: left;padding:8px 25px;border-bottom: solid 2px transparent;}
.tab-title a:hover{color: #2B85E4;}
.tab-title a.on{color: #2B85E4;border-color:#2B85E4;}

.tab-body{margin:0;padding:0;}
.tab-body li{display: none;}
.tab-body li.on{display: block;}



.image{position: relative; border-radius: 4px; background: #fff; border:dashed #ddd 1px ;padding:10px;text-align: center;width: 700px;box-sizing: border-box;cursor: pointer;}
.image img{max-height:80px;vertical-align: middle;max-width: 100%;}
.image:hover{border-color: #2B85E4;}
.image i{
	display: none;
	z-index: 1;
	padding:2px 6px;
	position: absolute;top:0;right: 0px;
	font-size: 18px;
	line-height: normal;
}
.image:hover i{display: block;}
.toolbar{margin-bottom: 20px;}
.toolbar a{margin-right: 5px;}

.input-color{position: relative;}
.input-color input[type='color']{
	position: absolute;
	top:1px;
	right: 1px;
	bottom: 1px;
	height: 34px;
	width: 36px;
	border:none;
	outline: none;
	box-sizing: border-box;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	 .nav-index{display: none;}
	.header{padding-left:10px;padding-right: 10px;}
	.sider{display: none;}
	.main{margin-left: 10px;margin-right: 10px;margin-top:60px;}
	.header h3{display: block;}
	.hide-menu .header{padding-left:220px;}
	.hide-menu .header h3{display: none;}
	.hide-menu .header .nav{display: none;}
	.hide-menu .sider{display: block;}
	.hide-menu .main{margin-left: 20px;}
	
	.form-item{margin-bottom: 15px;}
	.form-label{float: none; text-align: left;line-height: normal;padding-bottom: 3px;display: block;}
	.form-input{display: block;width: 100%;margin-left:0;}
	
	.form-input .input, .form-input .textarea,.image,.editor{width: 100%;}
	
	.form button{width: 100%;display: block;}
	
	.form-search{padding-right: 0;}
	.form-search .clear{height: auto;margin-right: 0;}
	.form-search .form-item{width: 100%;margin-bottom:10px;}
	.form-search .form-input{width: 100%;}
	.form-search .form-input .input{width: 100%;}
	.form-search .form-action{position: relative;text-align: center;margin-bottom: 20px;}
	.form-search .form-action span{display: none;}
	.form-search .form-action button{width: 100%;margin-top:5px;}
	
	.tab-title{display: flex;  }
	.tab-title a{flex:1;text-align: center;}
	
}


aa{vertical-align: top;text-decoration: none;}